<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script src="../../../jquery.gamequery.js"></script>
        <script>
            $(function(){
                var animation = new $.gameQuery.Animation({imageURL: "sh.png", type: $.gameQuery.ANIMATION_HORIZONTAL, numberOfFrame: 4, delta: 32, rate: 300});
                
                $("#playground").playground({height: 64, width: 350});
                
                $.playground()
                    .addSprite("rotate",{animation: animation, posx: 0, posy: 16})
                    .addSprite("scale",{animation: animation, posx: 80, posy: 16})
                    .addSprite("rotateScale",{animation: animation, posx: 160, posy: 16})
                    .addSprite("scaleRotate",{animation: animation, posx: 240, posy: 16})
                
                $("#rotate").rotate(45);
                $("#scale").scale(2);
                $("#rotateScale").rotate(45).scale(2);
                $("#scaleRotate").scale(2).rotate(45);
                
                $.playground().startGame();
            });
        </script>
    </head>
    <body>
        <h2>1st 45deg rotate, 2nd 2x scale, two last both combined:</h2>
        <div id="playground" style="width: 350px; height: 50px; background: white"></div>
    </body>
</html>